<template>
  <div id="app">
    <h2>消息提示框</h2>
    <button @click="onClick">点击Message</button>
    <button @click="onClickAlert">这是一个弹出框</button>
    <!-- <Loading /> -->
  </div>
</template>

<script>
export default {
  name: "App",
  components: {
  },
  data() {
    return {};
  },
  methods: {
    onClick() {
      let instance = this.$loading({
        title: "正在努力加载中...",
        confirm: () => {
          console.log("确定按钮被点击");
        },
      });
      setTimeout(() => {
        instance.close();
      }, 5000);
    },
    onClickAlert() {
      this.$Alert({ title: "冯俊豪", content: "啦啦啦" });
    },
  },
};
</script>

<style>
* {
  margin: 0px;
  padding: 0px;
  font-size:0.35rem
}
</style>
